<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
	<style type="text/css">
		   body {background:#FFEEAA;}
		   h1 {font-style:bold;color:#661100;}
		   h2 {font:Verdana;color:#330000;}
		   h3 {font:Dejavu Sans Mono;color:#990000}
		   h4 {font:Comic Sans ms;color:#001111;}
		   td,th {width:200px;}
		   th {color:#338800;}
	</style>
</head>
<body>
<h1 style="text-size:4;"><a name=Sisukord>Sisukord</a></h1>
<ul>
    <li><a href=#YL1>&Uuml;lesanne 1</a></li>
    <li><a href=#YL2>&Uuml;lesanne 2</a></li>
    <li><a href=#YL3>&Uuml;lesanne 3</a></li>
</ul>
<!-- Esimene ylesanne -->
	<h2 style="text-decoration:underline;"><a name=esimene>Esimene &uuml;lesanne</a></h2>
	<!-- Ylesanne 1 -->
	<h3 style="text-decoration:underline;"><a name=YL1>&Uuml;lesanne 1</a></h3>
	<!-- 1.1 -->
	<h4 style="text-decoration:inherit;">1.1</h4>
	<h1 align="left">See on pealkirjatyyp h1, mis on rajastatud keskele.</h1>
		<h2 align="center">See on pealkirjatyyp h2, mis on rajastatud paremale.</h2>
			<h3 align="right">See on pealkirjatyyp h3, mis on rajastatud vasakule.</h3>
	<!-- 1.2 -->
	<h4 style="text-decoration:inherit;">1.2</h4>
	<p align="right">
		T&auml;nane kuup&auml;ev on 16.02.2012.</p>
	<p>
		Olen varem kokku puutunud HTML'ga p&otilde;hikooli informaatika tunnis, kus oli ka &uuml;lesandeks
		koostada endale kodulehek&uuml;lg. Antud juhendmaterjalid on v&auml;gagi arusaadavad.
		Seni ei ole ette tulnud raskusi &uuml;lesannete t&auml;itmisega.</p>
	<p align="right">
		Minu nimi on T&otilde;nis Terasmaa.</p>
		
	<!-- 1.3 (kuulutus) -->	
	<h4 style="text-decoration:inherit;">1.3</h4>
	<h1 style="text-align:center;">S&uuml;nnip&auml;eva pidu</h1>
	<h3 style="text-align:center;">15. M&auml;rtsil kell 18.00</h3>
	<p align="center">Pidu toimub Tartus kaubanduskeskus "Tasku" parkla 0-korruselt sissep&auml;&auml;setavas</p>
	<h2 style="text-align:center;">Megazone's</h2>
	<p align="center">
	   S&uuml;nnip&auml;evalapseks on Mirjam.<br>
	   Korraldab: T&otilde;nis
	</p>
	<p align="right"><a href=#Sisukord>Tagasi algusesse</a></p>

	<!-- Ylesanne 2 -->
	<h3 style="text-decoration:underline;"><a name=YL2>&Uuml;lesanne 2</a></h3>
	<!-- 1.1 -->
	<h4 style="text-decoration:inherit;">2.1</h4>
	See on --> normaalkiri<br>
	See on --> <del>l&auml;bikriipsutatud kiri</del><br>
	See on --> <b>poolpaks e. rasvane kiri</b><br>
	See on --> <i>kaldkiri</i><br>
	See on --> <big>suur kiri</big><br>
	See on --> <sub>alam indeksis kirjutatud kiri</sub><br>
	See on --> normaalkiri<br>
	
	<!-- 2.2 -->
	<h4 style="text-decoration:inherit;">2.2</h4>
	<blockquote style="text-height:font-size;">
		"Mulle meeldivad sead. K&otilde;ik koerad vaatavad sulle alt &uuml;les.
		K&otilde;ik kassid vaatavad sulle &uuml;lalt alla. Ainult siga vaatab sind kui <font style="color:red;">v&otilde;rdset</font>." <i>- Sir Winston Churchill</i><br>
	</blockquote>
	
	<!-- 2.3 (kuulutus) -->
	<h4 style="text-decoration:inherit;">2.3</h4>
	<p style="text-align:center;">
		<font size="6" face="Dejavu Sans mono" color="red" >S&uuml;nnip&auml;eva pidu</font>
		<br><br>
		<font size="4" face="Dejavu Sans Mono">15. M&auml;rtsil kell 18.00</font>
		<br><br>
		<font size="2" face="Arial" color="black">
		Pidu toimub Tartus kaubanduskeskus "Tasku" parkla 0-korruselt sissep&auml;&auml;setavas</font><br>
		<font size="30" face="Times New Roman" color="blue">Megazone's</font><br>
		S&uuml;nnip&auml;evalapseks on <font size="4" face="Verdana" color="teal">Mirjam</font>.<br>
		Korraldab: T&otilde;nis
	</p>
	<p align="right"><a href=#Sisukord>Tagasi algusesse</a></p>
	
	<!-- Ylesanne 3 -->
	<h3 style="text-decoration:underline;"><a name=YL3>&Uuml;lesanne 3</a></h3>
	<!-- 3.1 -->
	<h4 style="text-decoration:inherit;">3.1</h4>
    <ul>
    	<li>Pildid</li>
    	<li>L&uuml;hikirjeldus</li>
    	<li>Lingid</li>
    </ul>
	<!-- 3.2 -->
	<h4>3.2</h4>
    <ul>
    	<li>Pildid</li>
    	<ul>
    		<li>Inimesed</li>
    		<li>Koht</li>
    		<li>&Uuml;mbruskond</li>
    	</ul>
    	<li>L&uuml;hikirjeldus</li>
    	<li>Lingid</li>
    </ul>
	<p align="right"><a href=#Sisukord>Tagasi algusesse</a></p>

</body>
</html>